@import "./common/reset.css";

body{
	background-color: #e3e4e5;
}
/* 标题栏开始 */
.title {
    background-color: #e3e4e5;

    >.container {
        font-size: 1.2rem;

        >.left-dizhi {
            padding : .5rem .5rem;
            cursor  : pointer;
            float   : left;
            position: relative;

            >i {
                font-size: 1rem;
                color    : red;
            }

            >.dizhi-aaa {
                display         : none;
                position        : absolute;
                width           : 30rem;
                background-color: white;
                top             : 2.7rem;
                border          : 1px solid red;
                left            : 0;

                >.dizhi-list {

                    display        : flex;
                    flex-wrap      : wrap;
                    justify-content: space-between;
                    text-align     : center;

                    >li {
                        width     : 5rem;
                        margin    : .5rem 0;
                        box-sizing: border-box;
                        padding   : .5rem 0;
                        margin    : 0 .5rem;
                    }

                    >li:hover {
                        background-color: #999;
                        color           : red;
                    }
                }

                >.dizhi-list-two {
                    padding: .5rem 1rem;

                    >ul {
                        display        : flex;
                        flex-wrap      : wrap;
                        justify-content: space-between;
                        width          : 100%;
                        margin         : .5rem 0;

                        >li {
                            padding   : .5rem 0;
                            width     : 50%;
                            box-sizing: border-box;
                        }
                    }
                }
            }
        }

        >.left-dizhi:hover {
            background-color: white;
        }

        >.left-dizhi:hover .dizhi-aaa {
            z-index: 100;
            display: block;
        }

        >ul.right-zhuangtai {
            // padding: .5rem 0;
            float: right;

            >li {
                cursor        : pointer;
                float         : right;
                padding       : .5rem 1rem;
                vertical-align: middle;

                >i {
                    font-size     : 1rem;
                    vertical-align: middle;
                }

                &:first-of-type~* {
                    border-right: 1px solid #999;
                }
            }

            >li:nth-of-type(4) {
                color: red;
            }

            >li:last-of-type>:last-of-type {
                color: red;
            }

            /*手机京东开始*/
            >li.shoujijingdong {
                position: relative;
                >.shoujijingdong-one {
					background-color: white;
                    display : none;
                    position: absolute;
                    top     : 2.7rem;
                    right   : 0;
                    width   : 17rem;
                    border  : 1px solid red;
                    overflow: hidden;

                    >.shoujijingdong-one-one {
                        width        : 100%;
                        padding      : .5rem;
                        display      : flex;
                        border-bottom: 1px solid #ccc;

                        >.shoujijingdong-one-one-left {
                            padding-right: .5rem;
                            width        : 40%;

                            >img {
                                width: 100%;
                            }
                        }
                    }
                }
            }

            >li.shoujijingdong:hover {
                background-color: white;
            }

            >li.shoujijingdong:hover>.shoujijingdong-one {
				z-index: 99;
                display: block;
            }

            /*手机京东结束*/
            /*网站导航开始*/
            >li.wangzhandaohang {
                position: relative;

                >.wangzhandaohang-one {
					background-color: white;
					z-index: 11;
                    display: none;
                    position: absolute;
                    top     : 2.7rem;
                    right   : -7rem;
                    width: 78vw;
                    border: 1px solid red;
                    // overflow: hidden;
                    >.wangzhandaohang-two{
                        width: 100%;
                        padding: .5rem;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        >.wangzhandaohang-two-one{
                            width: 30%;
                            border: 1px solid blue;
                            box-sizing: border-box;
                            padding: .5rem;
                            >ul{
                                display: flex;
                                flex-direction: row;
                                flex-wrap: wrap;
                                width: 100%;
                                justify-content: flex-start;
                                >li{
                                    width: 25%;
                                    border: 1px solid red;
                                    box-sizing: border-box;
                                    padding: .1rem;
                                }
                            }
                        }
                        >.wangzhandaohang-two-two{
                            width: 23%;
                            border: 1px solid green;
                            box-sizing: border-box;
                            padding: .5rem;
                            >ul{
                                display: flex;
                                flex-direction: row;
                                flex-wrap: wrap;
                                width: 100%;
                                justify-content: flex-start;
                                >li{
                                    width: 33.3%;
                                    border: 1px solid red;
                                    box-sizing: border-box;
                                    padding: .1rem;
                                }
                            }
                        }
                    }
                }
            }
            >li.wangzhandaohang:hover{
                background-color: white;
            }
            >li.wangzhandaohang:hover >.wangzhandaohang-one{
                display: block;
            }
            /*网站导航结束*/
        }

    }
}
/* 标题栏结束 */
/* 导航栏开始 */
.nav{
	border-bottom: 1px solid blue;
	background-color: white;
	>.container{
		display: flex;
		justify-content: space-between;
		>.nav-left{
			width: 19rem;
			height: 12rem;
			// overflow: hidden;
			text-align: center;
			>img{
				width: 14rem;
				cursor: pointer;
			}
		}
		>.nav-center{
			// flex: 1;
			>.nav-center-top{
				padding: 3rem .5rem 0 .5rem;
				display: flex;
				justify-content: center;
				align-items: center;
				>form{
					position: relative;
					display: flex;
					justify-content: center;
					align-items: center;
					input{
						border: 2px solid red;
						box-sizing: border-box;
						height: 3.7rem;
						width: 48rem;
					}
					button{
						border: 2px solid red;
						background-color: red;
						box-sizing: border-box;
						width: 5.8rem;
						height: 3.7rem;
						margin-left: -.7rem;
						>i{
							color: white;
							font-size: 2rem;
						}
					}
					.icon-xiangji_huaban{
						position: absolute;
						top: .7rem;
						right: 7rem;
						font-size: 2rem;
						color: #999;
					}
				}
				>.my-hopping{
					cursor: pointer;
					border: 1px solid #ccc;
					box-sizing: border-box;
					width: 13rem;
					height: 3.7rem;
					margin-left: 3rem;
					display: flex;
					justify-content: center;
					align-items: center;
					color: red;
					font-size: 1.3rem;
					font-weight: 500;
					position: relative;
					>i{
						margin-right: 1rem;
					}
					span.my-hopping-one{
						position: absolute;
						top: 1px;
						left: 28px;
						background-color: red;
						color: white;
						width: 1.5rem;
						text-align: center;
						border-radius: 6px;
						font-size: 1rem;
					}
				}
				
			}
			>ul.nav-center-bottom-one{
				width: 53rem;
				margin-left: 0rem;
				display: flex;
				justify-content: flex-start;
				>li{
					cursor: pointer;
					font-size: 1.2rem;
					padding: .3rem .5rem;
					&:nth-child(1){
						color: red;
					}
				}
			}
			>ul.nav-center-bottom-two{
				display: flex;
				justify-content: flex-start;
				padding: .3rem 0;
				margin-top: 3rem;
				>li{
					// flex: 1;
					cursor: pointer;
					padding: 0 .5rem;
					font-size: 1.5rem;
					box-sizing: border-box;
					&:nth-child(1){
						color: red;
						font-weight: 700;
					}
					&:nth-child(2){
						color: red;
						font-weight: 700;
					}
				}
			}
		}
		>.nav-right{
			width: 19rem;
			height: 12rem;
			overflow: hidden;
			>img{
				width: 100%;
				cursor: pointer;
			}
		}
	}
}
/* 导航栏结束 */
/* 主体一开始 */
.main1{
	>.container{
		display: flex;
		justify-content: space-between;
		position: relative;
		>.main1-left{
			width: 20rem;
			height: 46rem;
			// padding: 1rem;
			margin: 1rem 1rem 1rem 0;
			overflow: hidden;
			box-sizing: border-box;
			background-color: white;
			>ul{
				width: 100%;
				>li{
					padding: .2rem 1rem;
					font-size: 1.5rem;
					cursor: pointer;
				}
				>li:hover{
					background-color: #999;
					color: rgba(200,21,34,.8);
				}
			}
		}
		>.main1-left-right{
			>.main1-left-one{
				position: absolute;
				top: 0;
				left: 19.3rem;
				width: 1000px;
				height: 46rem;
				margin-top: 1rem;
				background-color: white;
				z-index: 99;
				display: none;
				margin-left: .5rem;
				box-shadow: 2px 0px 10px rgba(100, 100, 100, .5);
				>.main1-left-one-left{
					box-sizing: border-box;
					padding: 1rem;
					float: left;
					width: 80%;
					>.main1-left-one-left-top{
						>li{
							display: inline-block;
							background-color: black;
							color: white;
							padding: .5rem;
							margin-right: 1rem;
							font-weight: 900;
							margin-bottom: 1rem;
						}
					}
					>.main1-left-one-left-bottom{
						font-size: 1.2rem;
						
						strong{
							width: 7rem;
							background-color: red;
						}
						.str{
							>span{
								color: #666;
								margin-right: 1rem;
							}
						}
						
					}
				}
				>.main1-left-one-right{
					float: right;
					background-color: blue;
					width: 20%;
				}
			}
		}
		
		>.main1-center1{
			margin: 1rem 0 1rem 0;
			height: 46rem;
			width: 60rem;
			overflow: hidden;
			position: relative;
			>img{
				cursor: pointer;
				height: 100%;
				position: absolute;
				opacity: 0;
				/* 过渡 */
				transition: 1s;
			}
			>img:nth-child(1){
				opacity: 1;
			}
			>i.icon-icon_on_the_left{
				cursor: pointer;
				position: absolute;
				top: 50%;
				left: 0;
				margin-top: -2rem;
				height: 4rem;
				width: 4rem;
				border-radius: 0 5px 5px 0;
				background-color: rgba(227,228,229,.7);
				line-height: 4rem;
				text-align: center;
			}
			>i.icon-toRight-fill{
				cursor: pointer;
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: -2rem;
				height: 4rem;
				width: 4rem;
				border-radius: 5px 0 0 5px;
				background-color: rgba(227,228,229,.7);
				line-height: 4rem;
				text-align: center;
			}
			>.yuan{
				position: absolute;
				bottom: 0;
				left: 50%;
				margin-left: -6rem;
				display: flex;
				z-index: 19;
				>li{
					background-color: rgb(127,133,152);
					height: 1rem;
					width: 1rem;
					margin: 1rem;
					border-radius: 50%;
				}
				>li.yuan-one{
					background-color: white;
				}
			}
		}
		>.main1-center2{
			margin: 1rem 1rem 1rem 0;
			width: 19.5rem;
			height: 46rem;
			overflow: hidden;
			background-color: white;
			position: relative;
			
			>ul{
				cursor: pointer;
				height: 100%;
				width: 100%;
				
				>li{
					height: 100%;
					width: 100%;
					flex-direction: column;
					justify-content: space-between;
					position: absolute;
					opacity: 0;
					/* 过渡 */
					transition: 1.5s;
					>img{
						width: 19.5rem;
					}
				}
				>li:nth-child(1){
					opacity: 1;
				}
			}
			>i.icon-icon_on_the_left{
				cursor: pointer;
				position: absolute;
				top: 50%;
				left: 0;
				margin-top: -2rem;
				height: 4rem;
				width: 4rem;
				border-radius: 0 5px 5px 0;
				background-color: rgba(227,228,229,.7);
				line-height: 4rem;
				text-align: center;
				display: none;
			}
			>i.icon-toRight-fill{
				cursor: pointer;
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: -2rem;
				height: 4rem;
				width: 4rem;
				border-radius: 5px 0 0 5px;
				background-color: rgba(227,228,229,.7);
				line-height: 4rem;
				text-align: center;
				display: none;
			}
			
		}
		>.main1-center2:hover>i.icon-icon_on_the_left{
			display: block;
		}
		>.main1-center2:hover>i.icon-toRight-fill{
			display: block;
		}
		>.main1-right{
			height: 46rem;
			width: 20rem;
			padding: 1rem;
			margin: 1rem 0;
			box-sizing: border-box;
			background-color: white;
			position: relative;
			>.main1-right-one{
				margin: .5rem;
				>.main1-right-one-one{
					display: flex;
					>.main1-right-one-one-left{
						width: 4rem;
						height: 4rem;
						overflow: hidden;
						>img{
							width: 100%;
							border-radius: 50%;
						}
					}
					>.main1-right-one-one-right{
						cursor: pointer;
						display: flex;
						flex-direction: column;
						justify-content: center;
						font-size: 1.2rem;
						padding-left: .5rem;
						>p{
							padding: .1rem 0;
						}
					}
				}
				>.main1-right-one-two{
					text-align: center;
					padding: 1rem;
					>span:first-child{
						background-color: red;
						color: white;
						padding: .3rem .5rem;
						border-radius: 2rem;
						font-size: 1.2rem;
						margin: 1rem;
						cursor: pointer;
					}
					>span:last-child{
						background-color: #363634;
						color: #E5D790;
						padding: .3rem .5rem;
						border-radius: 2rem;
						font-size: 1.2rem;
						cursor: pointer;
					}
				}
			}
			>.main1-right-one::after{
				content: "";
				position: absolute;
				height: 1px;
				left: 15px;
				right: 15px;
				background: linear-gradient(270deg,white,#999,#999,white);
			}
			>.main1-right-two{
				>p{
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin: 1rem 0;
					span:first-child{
						font-weight: 900;
						font-size: 1.3rem;
					}
					span:last-child{
						cursor: pointer;
						font-size: 1.1rem;
						color: #999;
					}
				}
				>ul{
					>li{
						font-size: 1rem;
						cursor: pointer;
						padding: .2rem;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						margin: .5rem 0 1rem 0;
						span:first-child{
							background-color: rgba(225,37,27,.07);
							color: red;
							padding: .3rem .5rem;
							margin-right: .5rem;
						}
						span:last-child{
	
						}
					}
				}
			}
			>.main1-right-two::after{
				content: "";
				position: absolute;
				height: .1rem;
				left: 1.5rem;
				right: 1.5rem;
				background: linear-gradient(270deg,white,#999,#999,white);
			}
			>.main1-right-three{
				margin-top: 2rem;
				height: 20.3rem;
				>ul{
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
					width: 100%;
					height: 100%;
					>li{
						cursor: pointer;
						width: 33.3%;
						height: 4.08rem;
						box-sizing: border-box;
						display: flex;
						flex-direction: column;
						align-items: center;
						margin-bottom: 1rem;
						font-size: 1rem;
						img{
							width: 2.8rem;
						}
					}
				}
			}
		}
	}
}
/* 主体一结束 */
/* 主体二开始 */
.main2{
	margin-bottom: 2rem;
	>.container{
		background-color: white;
		display: flex;
		justify-content: space-between;
		height: 26rem;
		>.main2-left{
			padding: 1rem 0;
			width: 19rem;
			background-color: red;
			display: flex;
			justify-content: space-around;
			flex-direction: column;
			align-items: center;
			color: white;
			p:first-child{
				font-size: 2.5rem;
				font-weight: 900;
			}
			p:nth-of-type(2){
				i{
					font-size: 6rem;
				}	
			}
			p:nth-of-type(3){
				font-size: 1.5rem;
				span:first-child{
					font-weight: 900;
				}
			}
			p:last-child{
				font-size: 2rem;
				font-weight: 900;
				span:nth-child(odd){
					background-color: black;
					padding: .2rem;
				}
			}
		}
		>.main2-center{
			flex: 1;
			width: 82rem;
			overflow: hidden;
			white-space: nowrap;
			display: flex;
			align-items: center;
			position: relative;
			box-sizing: border-box;
			>i.icon-icon_on_the_left{
				cursor: pointer;
				position: absolute;
				top: 50%;
				left: 0;
				margin-top: -2rem;
				height: 4rem;
				width: 4rem;
				border-radius: 0 5px 5px 0;
				background-color: rgba(227,228,229,.7);
				line-height: 4rem;
				text-align: center;
				z-index: 99;
				// display: none;
			}
			>i.icon-toRight-fill{
				z-index: 99;
				cursor: pointer;
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: -2rem;
				height: 4rem;
				width: 4rem;
				border-radius: 5px 0 0 5px;
				background-color: rgba(227,228,229,.7);
				line-height: 4rem;
				text-align: center;
				// display: none;
			}
			>.main2-center-one{
				width: 800rem;
				height: 100%;
				// display: flex;
				// flex: 1;
				// justify-content: flex-start;
				// float: left;
				white-space: nowrap;
				// overflow: hidden;
				position: absolute;
				left: -83rem;
				>.main2-center-one-one{
					position: relative;
					overflow: hidden;
					// flex: 1;
					// float: left;
					white-space: nowrap;
					//要让他有滚动条就不能用浮动和弹性盒
					display: inline-block;
					text-align: center;
					width: 20.5rem;
					height: 100%;
					box-sizing: border-box;
					// display: flex;
					// flex-direction: column;
					// align-items: center;
					padding: .5rem;
					>img{
						flex: 1;
						width: 100%;
						padding: 1rem;
						box-sizing: border-box;
					}
					.main2-center-one-bottom{
						width: 100%;
						p:first-child{
							font-size: 1.2rem;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							margin-bottom: 1rem;
							box-sizing: border-box;
						}
						p:last-child{
							display: flex;
							justify-content: center;
							span:first-child{
								font-size: 1.3rem;
								font-weight: 900;
								background-color: red;
								color: white;
								padding: .2rem;
								box-sizing: border-box;
								border: 1px solid red;
							}
							span:last-child{
								color: #ccc;
								text-decoration: line-through;
								background-color: white;
								border: 1px solid red;
								padding: .4rem;
								box-sizing: border-box;
							}
						}
					}
					
				}
				>.main2-center-one-one::after{
					content: "";
					position: absolute;
					right: 0;
					top: 0;
					background: linear-gradient(180deg,#fff,#eee,#fff);
					width: .1rem;
					height: 100%;
					box-sizing: border-box;
				}
			}
		}
		>.main2-right{
			width: 19rem;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 1rem;
			overflow: hidden;
			box-sizing: border-box;
			.main2-right-img{
				width: 100%;
				text-align: center;
				overflow: hidden;
				>img{
					width: 100%;
				}
			}
			>.main2-right-p{
				padding: .5rem;
				box-sizing: border-box;
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				background: linear-gradient(180deg,rgba(255,255,255,.5),rgba(220,224,236,.5));
				p:first-of-type~*{
					margin-top: .3rem;
				}
				p:first-of-type{
					font-size: 1.2rem;
					color: #363634;
				}
				p:nth-of-type(2){
					font-size: 1.3rem;
					font-weight: 900;
				}
				p:last-of-type{
					color: red;
					background-color: white;
					border-radius: 2rem;
					border: 1px solid red;
					padding: .5rem 1rem;
					font-weight: 700;
					font-size: 1.2rem;
					text-align: center;
				}
			}
			
		}
	}
}
/* 主体二结束 */
/* 主体三开始 */
.main3{
	>.container{
		height: 34rem;
		overflow: hidden;
		margin-top: 1rem;
		box-sizing: border-box;
		display: flex;
		>.main3-left{
			width: 49.5%;
			height: 100%;
			background-color: white;
			position: relative;
			>.main3-left-top{
				padding: 1rem;
				font-size: 1.5rem;
				display: flex;
				// align-items: center;
				justify-content: space-between;
				.main3-left-top-one{
					flex: 1;
					font-weight: 900;
					font-size: 2rem;
					// margin-right: 2rem;
					display: flex;
					align-items: center;
					span:nth-of-type(2){
						background-color: white;
						border-radius: 50%;
						border: 1px solid red;
						padding: 0 .3rem;
						font-size: 1.2rem;
						text-align: center;
						color: darkred;
						margin-left: 1rem;
					}
				}
				.main3-left-top-two{
					cursor: pointer;
					span:nth-of-type(1)~*{
						margin-left: 1.5rem;
						line-height: 2.5rem;
					}
					.main3-left-top-red{
						color: red;
						border-bottom: 2px solid red;
					}
				}
			}
			>.main3-left-bottom{
				width: 100%;
				>li{
					display: flex;
					position: absolute;
					top: 6rem;
					left: 0;
					opacity: 0;
					>.main3-left-bottom-left{
						width: 48%;
						height: 26rem;
						text-align: center;
						padding: .5rem;
						box-sizing: border-box;
						overflow: hidden;
						>img{
							width: 12rem;
						}
						>p{
							font-size: 1.4rem;
							margin-top: 1rem;
						}
						>p:nth-of-type(2){
							span:first-child{
								font-size: 1.8rem;
								font-weight: 900;
								color: red;
							}
							span:last-child{
								font-size: 1.2rem;
								color: #ccc;
								text-decoration: line-through;
							}
						}
					}
					>.main3-left-bottom-right{
						display: flex;
						flex-wrap: wrap;
						margin-left: 1rem;
						>li{
							width: 18rem;
							height: 8.4rem;
							display: flex;
							overflow: hidden;
							
							// box-sizing: border-box;
							padding: .5rem;
							>img{
								height: 100%;
								
							}
							>.main3-left-bottom-right-one{
								width: 10rem;
								font-size: 1.3rem;
								p:first-child{
									overflow: hidden;
									white-space: nowrap;
									text-overflow: ellipsis;
								}
								p:first-child~*{
									margin-top: .5rem;
								}
								p:nth-of-type(2){
									color: red;
									font-weight: 900;
									font-size: 1.5rem;
								}
								p:last-of-type{
									color: #ccc;
									text-decoration: line-through;
								}
							}
						}
					}
				}
				>li.main3-left-bottom-red{
					opacity: 1;
				}
			}
			>.main3-left-bottom-red{
				z-index: 99;
				opacity: 1;
			}
		}
		>.main3-right{
			width: 49.6%;
			margin-left: 1rem;
			background-color: white;
			padding: 1rem;
			box-sizing: border-box;
			>.main3-right-top{
				display: flex;
				align-items: center;
				span:first-child{
					font-weight: 900;
					font-size: 2rem;
				}
				span:nth-of-type(2){
					background-color: white;
					border-radius: 50%;
					border: 1px solid red;
					padding: 0 .3rem;
					font-size: 1.2rem;
					text-align: center;
					color: darkred;
					margin-left: 1rem;
				}
			}
			>.main3-right-bottom{
				padding: 1rem;
				display: flex;
				width: 100%;
				height: 30rem;
				box-sizing: border-box;
		
				>.main3-right-bottom-left{
					width: 40%;
					height: 100%;
					// border: 1px solid red;
					text-align: center;
					position: relative;
					
					>li:first-child~*{
						margin-top: 1rem;
					}
					>li:first-child{
						padding-top: 3rem;
						>img{
							width: 8rem;
						}
					}
					>li:nth-of-type(2){
						font-weight: 900;
						font-size: 1.5rem;
					}
					>li:nth-of-type(3){
						color: #666666;
						font-size: 1.2rem;
					}
					>li:last-child{
						>img{
							width: 13rem;
						}
					}
					&::after{
						content: "";
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background: linear-gradient(180deg,rgba(141,199,226,.05),rgba(0,74,119,.05));
						z-index: 2;
					}
				}
				>.main3-right-bottom-right{
					display: flex;
					flex-wrap: wrap;
					// align-items: center;
					width: 60%;
					box-sizing: border-box;
					>li{
						position: relative;
						width: 50%;
						height: 10rem;
						display: flex;
						flex-direction: column;
						align-items: center;
						box-sizing: border-box;
						font-size: 1.3rem;
						color: #666;
						>img{
							width: 10rem;
							height: 5rem;
							display: block;
						}
						&:nth-child(odd)::after{
							content: "";
							position: absolute;
							right: 0;
							top: 0;
							background: linear-gradient(180deg,#fff,#ccc,#fff);
							width: 1px;
							height: 5rem;
							z-index: 2;
						}
					}
				}
			}
		}
	}
}
/* 主体三结束 */
/* 主体四开始 */
.main4{
	margin-top: 2rem;
	.container{
		background-color: white;
		display: flex;
		align-items: center;
		height: 26rem;
		// overflow: hidden;
		>.main4-left{
			height: 100%;
			position: relative;
			>img{
				height: 100%;
			}
			>.main4-left-one{
				position: absolute;
				top: 3rem;
				left: 50%;
				margin-left: -6.5rem;
				background-color: rgba(#000,.4);
				height: 8rem;
				width: 13rem;
				border-bottom-right-radius: 5rem;
				color: white;
				text-align: center;
				padding: 1rem 0;
				box-sizing: border-box;
				p:first-child{
					font-size: 1.5rem;
					font-weight: 900;
					letter-spacing: .3rem;
					margin-bottom: 1rem;
				}
				p:last-child{
					font-size: 1.2rem;
				}
			}
		}
		>.main4-right{
			// margin-left: 1rem;
			width: 101rem;
			//滚动条
			overflow: hidden;
			//这里是产生滚动条的关键
			white-space: nowrap;
			//滚动条样式
			//这样写的滚动条不能再火狐上生效
			&::-webkit-scrollbar {
			    /*滚动条整体样式*/
			    width: 10px;
			    /*高宽分别对应横竖滚动条的尺寸*/
			    height: 6px;
			}
			
			&::-webkit-scrollbar-thumb {
			    /*滚动条里面小方块*/
			    border-radius: 10px;
			    background-color: #02adf7;
			    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
			}
			
			&::-webkit-scrollbar-track {
			    /*滚动条里面轨道*/
			    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			    background: #1b5aa9;
			}
			
			>.main4-right-one,>.main4-right-two{
				// width: 800rem;
				>a{
					display: inline-block;
					width: 16rem;
					text-align: center;
					padding: .5rem;
					>div{
						color: #000;
						font-size: 1.4rem;
					}
					>img{
						width: 15rem;
					}
				}
			}
		}
	}
}
/* 主体四结束 */
/* 主体五开始 */
.main5{
	margin-top: 1rem;
	.container{
		height: 34rem;
		box-sizing: border-box;
		display: flex;
		overflow: hidden;
		.main5-one{
			background-color: white;
			height: 100%;
			width: 25%;
			margin-right: 1rem;
			box-sizing: border-box;
			overflow: hidden;
			position: relative;
			.main5-one-top{
				padding: 1rem;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				span:first-child{
					font-size: 2rem;
					font-weight: 900;
				}
				span:last-child{
					color: red;
					background-color: white;
					border: 1px solid red;
					border-radius: 50%;
					padding: 0 .2rem;
					margin-left: 1rem;
				}
			}
			.main5-one-bottom{
				position: absolute;
				top: 8rem;
				left: -5.7rem;
				width: 400rem;
				// display: auto;
				display: flex;
				align-items: top;
				>a{
					display: inline-block;
					text-align: center;
					>img{
						width: 11.4rem;
						height: 11.4rem;
						transition: 1s;
						transform: scale(1);
					}
					>.main5-one-bottom-miaoshu{
						display: none;
						width: 10.4rem;
						p:first-child{
							color: black;
							font-size: 1.3rem;
							margin-top: 1rem;
						}
						p:nth-of-type(2){
							color: #666;
						}
						p:last-child{
							color: red;
							font-size: 1.6rem;
							font-weight: 900;
							margin-top: 2rem;
						}
					}
				}
				>a.img-fangda{
					display: inline-block;
					text-align: center;
					>img{
						// width: 15rem !important;
						// height: 15rem !important;
						transition: 1s;
						transform: scale(1.2);
					}
					>.main5-one-bottom-miaoshu{
						display: block;
						width: 20rem;
						// transform: scale(1.2);
						p:first-child{
							color: black;
							font-size: 1.5rem;
							margin-top: 1rem;
						}
						p:nth-of-type(2){
							color: #666;
						}
						p:last-child{
							color: red;
							font-size: 1.6rem;
							font-weight: 900;
							margin-top: 2rem;
						}
					}
				}
			}
			>i.icon-icon_on_the_left{
				cursor: pointer;
				position: absolute;
				top: 50%;
				left: 0;
				margin-top: -4rem;
				height: 4rem;
				width: 4rem;
				border-radius: 0 5px 5px 0;
				background-color: rgba(227,228,229,.7);
				line-height: 4rem;
				text-align: center;
				z-index: 99;
				// display: none;
			}
			>i.icon-toRight-fill{
				z-index: 99;
				cursor: pointer;
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: -4rem;
				height: 4rem;
				width: 4rem;
				border-radius: 5px 0 0 5px;
				background-color: rgba(227,228,229,.7);
				line-height: 4rem;
				text-align: center;
				// display: none;
			}
		}
		.main5-two{
			background-color: white;
			height: 100%;
			width: 25%;
			margin-right: 1rem;
			box-sizing: border-box;
			overflow: hidden;
		}
		.main5-three{
			background-color: white;
			height: 100%;
			width: 25%;
			margin-right: 1rem;
			box-sizing: border-box;
			overflow: hidden;
		}
		.main5-four{
			background-color: white;
			height: 100%;
			width: 25%;
			box-sizing: border-box;
			overflow: hidden;
		}
	}
}
/* 主体五结束 */
/* 侧边固定栏开始 */
.chebianlan{
	position: absolute;
	top: 65.3rem;
	right: 7rem;
	>li{
		background-color: white;
		width: 5.8rem;
		height: 6rem;
		font-size: 1.4rem;
		padding: 1rem;
		box-sizing: border-box;
		text-align: center;
		position: relative;
	}
	>li:hover{
		background-color: red;
		color: white;
	}
	>li:first-child~*::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: .5px;
		width: 100%;
		background: linear-gradient(270deg,white,#ccc,white);
	}
	>li:last-child{
		display: none;
	}
}
/* 侧边固定栏结束 */